.drag-item
  width 7px
  height 24px
  border 2px solid #ddd
  border-top 0
  border-bottom 0
  margin 12px 10px 0 0
  cursor move
  position relative
  &:before,&:after
    content ''
    position absolute
    top 6px
    left -2px
    width 7px
    height 3px
    background #fff
  &:after
    top 15px
.drag-bg
  position fixed
  top 0
  left 0
  right 0
  bottom 0
  background rgba(77,77,77,.8)
  z-index 99999
  cursor move
.drag-area
  width 1100px
  margin 0 auto
  position relative
  user-select:none;
.item-box
  height 55px
  margin-bottom 5px 
  width 100%
  position absolute
  left 0
  &.item-active
    .item 
      left 20px
      z-index 3
      box-shadow 0 0 20px rgba(0,0,0,.3)
.item-bg
  width 100%
  height 100%
  position absolute
  top 0
  left 0
  border-radius 5px
  z-index 1
  border 1px dashed #BFCEDE;
.item
  height 100%
  width 100%
  line-height 55px
  padding-left 40px
  border 1px solid #efefef
  border-radius 5px
  position absolute
  background #fff
  top 0
  left 0
  z-index 2
  transition transform .1s


.alert-modal
  width 40px
  text-align center
  height 20px
  transition .3s
  overflow hidden
  z-index 1
  position absolute
  top 0
  right 0
  input 
    position absolute
    z-index -1
    top 0
    left 0
    width 1px
    height 1px
  &.alert-active
    height 70px
    width 130px
    background #fff
    text-align left
    padding 10px
    box-shadow 0 0 6px rgba(0,0,0,.2)
.alert-text{
  width 100%
  height 20px
  background #fff
}
.alert-link
  color #b1c3d6
  font-size 12px
  position absolute
  line-height 20px
  top 40px
  right 50px
.alert-btn 
  width 34px
  height 20px
  position absolute
  top 40px
  right 10px
  background #F57384
  color #fff
  font-size 12px
  border-radius 3px
  line-height 20px
  text-align center
.alert-btn,.alert-link,.alert-text
  cursor pointer